<template>
  <div class="task-wrapper">
    <el-row>
      <el-col :span="24">
        <div>
          <title-com>
            <div>
              质检任务
              <i class="el-icon-refresh pointer font-des"></i>
            </div>
          </title-com>
        </div>
        <div class="m-t-20">
          <el-table :data="tableData" style="width: 100%"  empty-text="暂无数据">
            <el-table-column fixed prop="date" label="企业名称">
            </el-table-column>
            <el-table-column prop="name" label="任务名称"> </el-table-column>
            <el-table-column prop="province" label="ASR转写进度">
            </el-table-column>
            <el-table-column prop="city" label="质检进度"> </el-table-column>
            <el-table-column prop="address" label="上传时间" width="300">
            </el-table-column>
            <el-table-column prop="zip" label="操作" width="120">
            </el-table-column>
            <el-table-column fixed="right" label="操作" width="120">
              <template>
                <el-button @click="open" type="text" size="small">
                  终止质检
                </el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="ta-right m-t-20">
          <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :page-sizes="[5, 10, 15, 20]"
            :page-size="100"
            layout="total, sizes, prev, pager, next, jumper"
            :total="50"
          >
          </el-pagination>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script lang="ts">
import TitleCom from "@/components/title.vue";
import { defineComponent, ref } from "vue"
export default defineComponent({
  components: {
    TitleCom,
  },
  setup () {
    let tableData = ref([])
    return {
      tableData
    }
  },
  methods: {
    handleSizeChange(val: number) {
      // console.log(`每页 ${val} 条`);
    },
    handleCurrentChange(val: number) {
      console.log(`当前页: ${val}`);
    },
    Collect(row: number) {
      // console.log(row);
      // this.collect = false;
    },
    CancelCollect(row: number) {
      // console.log(row);
      // this.collect = true;
    },
    deleteRow(row: number) {
      // console.log(row);
    },
    open() {
      // this.$confirm("确认终止质检?", "提示", {
      //   confirmButtonText: "确定",
      //   cancelButtonText: "取消",
      //   type: "warning"
      // })
    },
  }
});
</script>

<style lang="scss" scoped>
.task-wrapper {
  background: #fff;
  height: 100%;
  padding: 20px;
}
</style>
